<html>
<head>
    <title>[AppName]</title>
    <link rel="stylesheet" type="text/css" href="./resources/css/app_default.css" />
    <link rel="stylesheet" type="text/css" href="./resources/css/iconCls.css" />
    <script type="text/javascript" src="./app/locale/locale_zh-cn.js"></script>
</head>
<body>
    <div id="loading-mask" style=""></div>
    <div id="loading">
        <div class="loading-indicator">
            <img src="shared/extjs/images/extanim32.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>
            	<a href="http://www.sencha.com">sencha.com</a>
            <br/>
            <span id="loading-msg">Loading styles and images...</span>
        </div>
    </div>
    
	<!-- Start viewport -->
    <div id="viewport">
        <div id="hd">
            <a href="http://www.sencha.com" id="logo"><img src="../welcome/img/logo-sencha-sm.png" alt="Sencha" width="120" height="50" /></a>
        </div>
        <link rel="stylesheet" type="text/css" href="./extjs/resources/css/ext-all-gray.css" />
        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
        <script type="text/javascript" src="./extjs/ext-all.js"></script>
        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
        <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
        <script type="text/javascript" src="./app/App.js"></script>
        <script type="text/javascript" src="./app/site.js"></script>
        <script type="text/javascript" src="./app/AppUtil.js"></script>
        <script type="text/javascript" src="./app/initapp.js"></script>
    </div>
    <!-- End viewport -->
</body>
</html>